<template>
	<view>
		<!-- 公共头筛选组件 -->
		<u-popup v-model="show" safe-area-inset-bottom mode="center" border-radius="40" @close="close" closeable>
			<view class="specification">
				<view class="main">
					<image class="main-img" src="//jiudao123.oss-cn-shanghai.aliyuncs.com/store/img/bg7.png"></image>
					<view class="main-view">
						<view class="main-view-name">
							尊敬的用户，您好! <br>
							加盟入驻本平台需完成相关认证
						</view>
						<view class="main-view-dec">1. 准备好您的身份证件</view>
						<view class="main-view-dec">2. 准备好您的健康证明</view>
						<view class="main-view-dec">3. 准备好您的从业证明</view>
						<view class="main-view-dec">4. 您已入驻平台加盟商</view>
					</view>
				</view>
				
				<view style="height: 135rpx;"></view>
				<view class="subimt">
					<view @click="confirm()" class="cancel">已知晓，前往认证</view>
					<view @click="close" class="confirm">取消</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default {
		props:{
			show: {
				type: Boolean,
				default: false
			}
		},
		data() {
			return {
				
			}
		},
		
		onLoad() {
			
		},
		methods: {
			close() {
				this.$emit("clickHandle", false)
			},
			confirm(){//确定
				this.$emit("clickHandle", false)
				this.jump('/pages/mine/authentication')
				// this.$emit("clickHandle", false)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.specification{
		width: 640rpx;
		height: 947rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		position: relative;
		.close{
			position: absolute;
			right: 0rpx;
			top: 0rpx;
			padding: 20rpx;
			font-size: 44rpx;
			color: #8A8A8A;
		}
		.subimt{
			position: absolute;
			bottom: 40rpx;
			left: 0;
			width: 100%;
			// display: flex;
			text-align: center;
			padding: 0rpx 40rpx 0 42rpx;
			.cancel{
				text-align: center;
				width: 560rpx;
				line-height: 75rpx;
				height: 75rpx;
				// border: 1rpx solid #007664;
				border-radius: 54rpx;
				color: white;
				font-size: 28rpx;
				background: linear-gradient( 98deg, #50DCC2 0%, #007664 100%);
			}
			.confirm{
				text-align: center;
				color: white;
				font-size: 28rpx;
				width: 560rpx;
				line-height: 75rpx;
				height: 75rpx;
				border: 1rpx solid #007664;
				background: white;
				border-radius: 54rpx;
				color: #007664;
				margin-top: 26rpx;
			}
		}
		.main{
			&-img{
				width: 100%;
				height: 336rpx;
			}
			&-view{
				margin: 33rpx 0 8rpx 40rpx;
				&-name{
					font-weight: normal;
					font-size: 32rpx;
				}
				&-dec{
					font-size: 26rpx;
					color: #999999;
					margin-top: 25rpx;
				}
			}
		}
		
	}

</style>
